import React, { memo } from "react";
import { getCount } from "@/utils/data-format";
import { CommonSongWrapper } from "./style";

export default memo(function CommonSong(props) {
  const { picUrl, playCount } = props;

  const play = () => {};

  return (
    <CommonSongWrapper>
      <div className="song-bg image_cover"></div>
      <img className="img" src={picUrl} alt="" />
      <div className="handlers sprite_covor">
        <div className="left">
          <i className="sprite_icon headset"></i>
          <span className="num">{getCount(playCount)}</span>
        </div>
        <i className="sprite_icon play" onClick={play()}></i>
      </div>
      <div className="descrise"></div>
    </CommonSongWrapper>
  );
});
